<!DOCTYPE HTML>
<html>

<head>
    <title>选择资产</title>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/chooseserviceuser.css" />
    <style>
        .aui-content.headerBox {
            height: 2.2rem;
            background: #fff;
        }

        .mytree {
            background: #fff;
            margin-top: 2.5rem;
        }

        .name_phone {
            position: relative;
        }

        .phone_a {
            position: absolute;
            top: 2px;
            right: 10px;
            bottom: 0;
            width: 3rem;
        }

        .phone_a input {
            width: 3rem;
            border: solid 0px #ccc;
            border-radius: 5px;
            line-height: 30px;
            height: 30px;
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content headerBox">
            <div class="aui-searchbar" id="search">
                <div class="aui-searchbar-input aui-border-radius">
                    <i class="aui-iconfont aui-icon-search"></i>
                    <input v-model="form.keywords" type="search" placeholder="请输入区域名称" id="search-input">
                    <div class="aui-searchbar-clear-btn">
                        <i class="icon iconfont icon-guanbi"></i>
                        <!-- <i class="aui-iconfont aui-icon-close"></i> -->
                    </div>
                </div>
                <div class="aui-searchbar-btn" tapmode></div>
            </div>
        </div>
        <ul class="mytree level1">
            <li v-for="item2 in list">
                <span class="name_span department">{{item2.text}}</span>
                <ul class="level2">
                    <li class="name_phone" v-for="item3 in item2.children">
                        <span v-on:click="do_choose(item3)" class="choosespan">
                            <input type="checkbox" class="aui-checkbox" v-bind:checked="item3.ischecked">
                        </span>
                        <span v-on:click="do_choose(item3)" class="name_span" v-on:click="do_choose(item3,item2.children)">{{item3.text}}
                            <span style="padding:0;" v-if="item3.modelno">
                              ({{item3.modelno}})
                            </span>
                        </span>
                        <a class="phone_a">
                            <input type="number" name="" placeholder="请输入" v-model="item3.Quantity">
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="aui_bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">确认</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js "></script>
<script type="text/javascript" src="../script/common.js "></script>
<script type="text/javascript" src="js/chooseckproduct.js "></script>

</html>
